<!DOCTYPE html>

<html>
    <head>
        <title>#{get 'title' /}</title>
        <meta charset="${_response_encoding}">
		<link rel="stylesheet" media="screen" href="@{'/public/stylesheets/reset.css'}">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/main.css'}">
        #{get 'moreStyles' /}
        <link rel="shortcut icon" type="image/png" href="@{'/public/images/favicon.ico'}" />
        <script src="@{'/public/javascripts/jquery-1.6.4.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        #{get 'moreScripts' /}
    </head>
    <body>
		
		<div id="header">
			
			<div id="banniere">
				<a href="@{Application.index()}"></a>
			</div>
			
			<ul id="menu">
				<li class="menu_unit accueil">
					<a class="menu_link" href="@{Application.index()}">Accueil</a>
				</li>
				<li class="menu_unit courses">
					<a class="menu_link" href="@{Courses.list()}">Courses</a>
				</li>	
				<li class="menu_unit profil">
					<a class="menu_link" href="@{Utilisateurs.index()}">Mon profil</a>
				</li>
				<li class="menu_unit records">
					<a class="menu_link" href="#">Records</a>
				</li>				
				<li class="menu_unit forum">
					<a class="menu_link" href="@{Categorie_forums.index()}">Forum</a>
				</li>
			</ul>
		</div>
		
		
		<div id="content">
			#{doLayout /}
		</div>
		
		<div id="footer">
			<a href="#">Réglement</a>
			<a href="#">FAQ</a>
			<div id="copyright">Copyright © 2012</div>
		</div>
		
    </body>
</html>
